---
layout: page
title: "About"
description: "Hey, welcome to my life."
header-img: "//upload-images.jianshu.io/upload_images/2859850-b95a7959fb49c084.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240"
---

<!-- Language Selector -->
<!-- <select class="sel-lang" onchange= "onLanChange(this.options[this.options.selectedIndex].value)">
    <option value="0" selected> 中文 Chinese </option>
    <option value="1"> 英文 English </option>
</select> -->

<!-- Chinese Version -->
<div class="zh post-container">

    <!--copied from markdown -->
    <blockquote><p><a href="https://rockjins.github.io/about-me" target="_blank">我想说的一些话</a></p></blockquote>

    <p>Hey，我是<strong>周神</strong>，电吉他手 &amp; 程序员，现在深圳从事前端工作。</p>

    <p>爱摇滚，爱看书，每天只睡4小时。👅</p>

    <p>喜欢翻译一些有趣的东西，即使大学时候英语4级都没过。</p>

    <p>大家如果在博客中发现有任何问题，都可以在<a href="https://github.com/rockjins/rockjins.github.com/issues">我GitHub</a>的issues中提出，我不想误人子弟...</p>

    <p>另外我是Nightwish死忠粉，来感受一下黑暗的力量吧！😈</p>

    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=21312094&auto=0&height=66"></iframe>

    <p>如果觉得还不错，可以关注一下我的公众号，不定期推送一些技术好文。</p>

    <img src="https://dn-mhke0kuv.qbox.me/f7b04b19ef8dd2397be3.jpg" alt="公众号">

    <p>或者戳下面👇，交个朋友吧</p>
    <ul>
      <li>
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1300327885&site=qq&menu=yes">QQ</a>
      </li>
      <li>
        <a target="_blank" href="https://upload-images.jianshu.io/upload_images/2859850-3f18731ed2bfb03e.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240">微信</a>
      </li>
      <li>
        <a href="#">还有底部的社交平台也可以哦</a>
      </li>
    </ul>
    <!-- <h5>Talks</h5>

    <ul>
    <li><a href="//huangxuan.me/2016/11/20/sw-101-gdgdf/">Service Worker 101 · GDG DevFest 2016 北京</a></li>
    <li><a href="//huangxuan.me/2016/10/20/pwa-qcon2016/">Progressive Web Apps，复兴序章 · QCon 上海 2016</a></li>
    <li><a href="//huangxuan.me/2016/06/05/pwa-in-my-pov/">Progressive Web App 之我见 · 2016</a></li>
    <li><a href="//huangxuan.me/2015/12/28/css-sucks-2015/">CSS Still Sucks 2015 · 2015</a></li>
    <li><a href="//huangxuan.me/2015/07/09/js-module-7day/">JavaScript 模块化七日谈 · 2015</a></li>
    </ul> -->
</div>

<!-- English Version -->
<!-- <div class="en post-container">
    <blockquote><p>Yet another Web Developer. <br>
    Yet another Life-long Designer.</p></blockquote>

    <p>Hi, I am <strong>Huang Xuan(黄玄)</strong>，you can call me <strong>Hux</strong>. I'm an engineer &amp; a designer who loves to build software such as <a href="http://yanshuo.io">Yanshuo.io</a> and more (<a href="/portfolio">Portfolio 👉</a> and <a href="http://github.com/huxpro">Github 👉</a>). I studied Digital Media Art and graduated from <a href="https://en.wikipedia.org/wiki/Communication_University_of_China">Communication University of China</a> in 2016.</p>

    <p>As an engineer, I worked at Wepiao (<a href="https://www.crunchbase.com/organization/wepiao#/entity">see CrunchBase</a>) as the dev lead of Front-End Infrastructure Team, and used to intern at <a href="https://www.alitrip.com/">Alibaba Trip</a> for one year. As a designer, I was offered to be the UI/UX Designer Intern of Alibaba, Microsoft etc.</p>

    <p>Moreover, I'm also a translator at <a href="http://www.gfansub.com/">GDG China Subtitle Team</a>, maintainer at <a href="http://zhuanlan.zhihu.com/FrontendMagazine">Frontend Magazine</a> and the owner of <a href="http://zhuanlan.zhihu.com/huxblog">Lifelong Romantic Geek</a>.</p>

    <h5>Talks</h5>

    <ul>
    <li><a href="//huangxuan.me/2016/11/20/sw-101-gdgdf/">Service Worker 101, working offline and instant loading · GDG DevFest 2016 Beijing</a></li>
    <li><a href="//huangxuan.me/2016/10/20/pwa-qcon2016/">Progressive Web Apps, make web great again · QCon Shanghai 2016</a></li>
    <li><a href="//huangxuan.me/2016/06/05/pwa-in-my-pov/">Progressive Web App in my pov · 2016</a></li>
    <li><a href="//huangxuan.me/2015/12/28/css-sucks-2015/">CSS Still Sucks 2015, and how we work around it · 2015</a></li>
    <li><a href="//huangxuan.me/2015/07/09/js-module-7day/">JavaScript Modularization Journey · 2015</a></li>
    </ul>
</div> -->

<!-- Handle Language Change -->
<script type="text/javascript">
    // // get nodes
    // var $zh = document.querySelector(".zh");
    // var $en = document.querySelector(".en");
    // var $select = document.querySelector("select");
    //
    // // bind hashchange event
    // window.addEventListener('hashchange', _render);
    //
    // // handle render
    // function _render(){
    //     var _hash = window.location.hash;
    //     // en
    //     if(_hash == "#en"){
    //         $select.selectedIndex = 1;
    //         $en.style.display = "block";
    //         $zh.style.display = "none";
    //     // zh by default
    //     }else{
    //         // not trigger onChange, otherwise cause a loop call.
    //         $select.selectedIndex = 0;
    //         $zh.style.display = "block";
    //         $en.style.display = "none";
    //     }
    // }
    //
    // // handle select change
    // function onLanChange(index){
    //     if(index == 0){
    //         window.location.hash = "#zh"
    //     }else{
    //         window.location.hash = "#en"
    //     }
    // }
    //
    // // init
    // _render();
</script>



{% if site.duoshuo_username %}
<!-- 多说评论框 start -->
<div class="comment">
    <!-- This id is used for indexing my loss comments forcedly -->
    <div class="ds-thread"
    {% if site.duoshuo_username == "huxblog" %}
        data-thread-id="1187623191091085319"
    {% else %}
    <!-- U can just use this key generated to index comments at page about -->
        data-thread-key="{{site.duoshuo_username}}/about"
    {% endif %}

    data-title="{{page.title}}"
    data-url="{{site.url}}/about/"></div>
</div>
<!-- 多说评论框 end -->

<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
    // // dynamic User hacking by Hux
    // var _user = '{{site.duoshuo_username}}';
    //
    // // duoshuo comment query.
    // var duoshuoQuery = {short_name: _user };
    // (function() {
    //     var ds = document.createElement('script');
    //     ds.type = 'text/javascript';ds.async = true;
    //     ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
    //     ds.charset = 'UTF-8';
    //     (document.getElementsByTagName('head')[0]
    //      || document.getElementsByTagName('body')[0]).appendChild(ds);
    // })();
</script>
<!-- 多说公共JS代码 end -->
{% endif %}


{% if site.disqus_username %}
<!-- disqus 评论框 start -->
<div class="comment">
    <div id="disqus_thread" class="disqus-thread">

    </div>
</div>
<!-- disqus 评论框 end -->

<!-- disqus 公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
    // /* * * CONFIGURATION VARIABLES * * */
    // var disqus_shortname = "{{site.disqus_username}}";
    // var disqus_identifier = "{{site.disqus_username}}/{{page.url}}";
    // var disqus_url = "{{site.url}}{{page.url}}";
    //
    // (function() {
    //     var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    //     dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    //     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    // })();
</script>
<!-- disqus 公共JS代码 end -->
{% endif %}
